草庐IT

html - 影响 div :hover with another div

全部标签

javascript - 突出显示/选择具有范围的多个div/contenteditable?

假设我有一组contenteditable="true"div。我不能只有一个div,必须有多个div。我怎样才能突出显示多个div的内容?使用范围?还有什么吗? 最佳答案 答案是这取决于浏览器。参见thisexample使用Ranges测试两种方法。第一次尝试为每个可编辑的创建一个范围并将它们全部添加到选择中。第二次尝试创建包含两个可编辑内容的单个范围结果:在所有浏览器中,用户不可能创建存在于多个可编辑元素中的选择;Firefox是最宽容的主要浏览器。两种编程方法都有效。Safari和Chrome是最宽松的:这两种方法都不会从多个

javascript - addEventListener 如何影响 DOM 元素的 onclick 属性?

element.onclick=function(){alert(1);}alert(element.onclick);上面的代码会输出function(){alert(1);}然后我继续执行下面的代码:element.addEventListener('click',function(){alert(2);},false);alert(element.onclick);输出仍然是function(){alert(1);}事实上,现在点击元素时,代码addEventListener('click',function(){alert(2);},false);有效,这意味着新函数alert

javascript - HTMl+SVG+JavaScript : change text at runtime?

我准备将一些基于Flash的应用程序迁移到HTML+JavaScript+SVG(单一目标渲染引擎是Webkit)。我对SVG完全陌生,我想知道我是否可以使用SVG作为模板图像来填充屏幕并从HTML页面中嵌入的JavaScript代码动态更改包含的文本。我想做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后仅在HTML页面中显示SVG并通过JavaScript填充文本占位符。我可以通过在背景中显示静态SVG图像并在其顶部放置一些绝对定位的DIV来显示文本来获得相同的结果,但是我'我想在Inkscape中设计文本标签的位置、大小和样式。这能做到吗?怎么办?我

javascript - 如何使用 HTML5 Canvas 而不是 Debug Draw 来绘制我的 Box2D 世界?

我非常了解HTML5Canvas,我了解使用循环等的基础知识和动画。我正在使用的演示:(单击以制作形状)http://henry.brown.name/experiments/box2d/example-canvas.html我不太熟悉的是Box2D。我正在使用Box2DWeb端口,听说它比Box2D-js更新,我不确定哪个最好。我知道如何初始化“世界”并且我可以在世界中放置对象。然后,我使用Step为世界设置动画-但是到目前为止,为了在屏幕上显示它,我只能使用debugdraw来让它工作,因为它基本上会为你做所有事情。我不想使用调试绘图,而是使用Canvas来绘制,例如一辆汽车,而不

javascript - 在 html5 本地存储中存储音频文件 - 使用 javascript 下载音频文件

我搜索了一下,发现html5不支持直接存音频。我会将音频转换为base64字符串,然后存储在本地存储中。我正在使用jplayer开发一个html5音频播放器应用程序。我在服务器上有音频,我需要将它们存储在本地存储中,所以我需要用javascript下载音频文件。有没有办法用javascript下载音频文件?任何帮助将不胜感激。 最佳答案 本地存储的大小往往有限(5mb左右?找不到引用资料)所以这不太可能很好地工作。您也许可以查看使用HTML5AppCache或FilesystemAPI.

javascript - 良好的 "background-size: cover"回退/垫片/技巧以实现 DIV 上的跨浏览器兼容性?

所以我使用background-size:cover来实现背景图像的预期效果,该背景图像可以缩放到它所应用的任何div大小,同时保持纵横比。为什么要使用这种方法?根据相关WordPress帖子中设置为图像的内容,使用内联CSS动态地通过PHP将图像应用为背景。所以一切都很好,但是是否有任何回退以确保它至少在IE8中工作?可能有一些Javascript修复?已经试过backstretch和supersized,但无济于事,因为它们仅将图像应用于页面背景。您可以在实际中看到它overhere. 最佳答案 在IE8或更低版本中,将前景图像

javascript - 在javascript中访问div的高度

我有一个div:CSSdiv{width:200px;height:auto}标记Textiseditable现在我应该怎么做才能在javascript中访问上述div的height(数值)?我试过了$('div').height()&$('div').css("height");都返回auto. 最佳答案 您可能想尝试.innerHeight()或.outerHeight(),取决于你想要什么。 关于javascript-在javascript中访问div的高度,我们在StackOve

javascript - 修改 Dropzone : Show uploaded image in another div

我正在使用dropzone.js创建个人资料图片uploader,我已经复制了布局offeredbyFacebook,但我想让它做的是,当您放下图像时,它会替换放置区内的内容。到目前为止我的演示:ImageLink到目前为止我的代码:Dropzone.options.employeeImageDropzone={maxFiles:1,acceptedFiles:'image/*',addRemoveLinks:true,dictDefaultMessage:'UploadaPhotoFromyourcomputer',paramName:'empImage',init:function

javascript - 如何让 Div 粘在光标上

我有一个脚本,它在悬停时显示一个div并将其粘贴到光标上。$(".picture_holder_thumb").mouseover(function(){$(".title",this).show();});$(".picture_holder_thumb").mouseout(function(){$(".title",this).hide();});$(document).bind('mousemove',function(e){$(".title",this).css({left:e.pageX,top:e.pageY});});它有效,但不知何故,粘性div和光标之间总是有很大

javascript - 在 React.js 中有条件地设置 html 属性

我在为React中的单选按钮组件设置默认选项时出奇地困难。这是我的RadioToggle组件:/**@jsxReact.DOM*/varRadioToggle=React.createClass({render:function(){varself=this;return({this.props.radioset.radios.map(function(radio,i){return({radio.label}{radio.checked?:})})});}});module.exports=RadioToggle;下面是我创建组件的方式:上面的代码可以工作,但我们不喜欢根据radio